ul.menu {
    list-style: none;
    padding: 0 0 2em 0;
    margin: 0;
}

ul.menu li {
    display: block;
    width: 16%;
    float: left;
    text-align: center;
    vertical-align: middle;
    line-height: 3em;
    background-color: #eee;
    margin-right: 0.66%;
    border-bottom: 0.5em solid #eee;
}
ul.menu li:last-child { margin-right: 0; }
ul.menu li:first-child { margin-left: 0.66%; }

ul.menu li.red {
    border-color: red;
}
ul.menu li.green {
    border-color: green;
}
ul.menu li.yellow {
    border-color: yellow;
}
ul.menu li.blue {
    border-color: blue;
}
ul.menu li.magento {
    border-color: #f0f;
}
ul.menu li.light-blue {
    border-color: #0ff;
}